{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/detail_page.css?version={$version}"/>
	<style type="text/css">
		body{
			padding-bottom:3rem;
		}
		.swiper-container {
	        width: 100%;
	        height: 100%;
	    }
	    .swiper-container-horizontal>.swiper-pagination{
	    	bottom:1rem;
	    }
	    .swiper-pagination-bullet{
	    	width:0.4rem;
	    	height:0.4rem;
	    	margin:0 0.5rem;
	    	border:0.1rem solid #fff;
	    	background:rgba(255,255,255,0.1);
	    }
	    .swiper-pagination-bullet-active{
	    	background:#fff;
	    	opacity:1;
	    }
	    /*--空间设施---*/
	   .sheshi-wrap a,.sheshi-wrap .sheshi_link{
	   		width:20%;
	   		display:block;
	   }
	   .sheshi-wrap a dl,.sheshi-wrap .sheshi_link dl{
	   		width:100%;
	   		height:100%;
	   }
	   .address-li p{
	   	 display:flex;
	   }
	</style>
{/block}
{block name="content"}
	<div class="park_detail_banner">
		<div class="swiper-container">
		    <div class="swiper-wrapper">
				{foreach from=$pic_arr item=pic}
		        <div class="swiper-slide">
		        	<a href="javascript:;">
		        		<img src="{$pic}" class="share_pic"/>
		        	</a>
		        </div>
				{/foreach}
		       <!--<div class="swiper-slide">
		        	<a href="javascript:void(0)">
		        		<img src="/Public/Images/front/front_img/shouye_kj_pic3x.png"/>
		        	</a>
		        </div>
		        <div class="swiper-slide">
		        	<a href="javascript:void(0)">
		        		<img src="/Public/Images/front/front_img/shouye_kj_pic3x.png"/>
		        	</a>
		        </div>-->
		    </div>
		    <!--分页器 -->
		    <div class="swiper-pagination"></div>
		</div>
		{include file="../detail_header.html"}
	</div>
	<!--互联网金融大厦-->
	<div class="internet">
		<h1>{$incubator_info.incubator_name}</h1>
		<ul>
			<li class="clearfix mg-top0 address-li" style="display:block;">
				<span style="text-align:left;" class="fl">地址</span>
				<p class="color6 fl"><a href="/FrontIncubator/map/incubator_id/{$incubator_info.incubator_id}" style="color:#666;" class="fl">{$incubator_info.address}</a></p>
				<a href="/FrontIncubator/map/incubator_id/{$incubator_info.incubator_id}" class="fl loact-icon"></a>
			</li>
			<li class="clearfix phone-li">
				<span class="fl">电话</span>
				<a href="tel:{$incubator_info.tel}" class="fl phone">
					{$incubator_info.tel}
				</a>
				<!-- <span class="fl phone" id="telephone">
					{$incubator_info.tel}
				</span> -->
				<a href="tel:{$incubator_info.tel}" class="fl phone-icon"></a>
				<!-- <span class="fl phone-icon"></span> -->
			</li>
		</ul>
		<a href="javascript:;" class="word-intro">
				<p>{$incubator_info.describe}</p>
		</a>
		<div class="shrink-btn">
			<span>展开园区简介</span>
			&nbsp;
			<i class="icon icon_zhankai_default3x"></i>
		</div>
		<div class="spread-btn" style="display:none;">
			<span>收缩园区简介</span>
			&nbsp;
			<i class="icon icon_shousuo_default3x"></i>
		</div>

	</div>
	<!--空间设施-->
{if $equipment_name_arr!=null}
	<div class="space">
		<h2>空间设施</h2>
		<div class="clearfix sheshi-wrap">
			{foreach from=$equipment_name_arr item=equipment}
			<span class="fl sheshi_link">
				<dl style="margin:0;">
					<dt>
						<img src="{$equipment.pic}"/>
					</dt>
					<dd>{$equipment.equipment_name}</dd>
				</dl>
			</span>
			{/foreach}
			<!--<a href="javascript:void(0)" class="fl">
				<dl>
					<dt class="icon icon_yizi_default3x"></dt>
					<dd>椅子</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl>
					<dt class="icon icon_diannao_default3x"></dt>
					<dd>电脑</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl>
					<dt class="icon icon_wifi_default3x"></dt>
					<dd>WIFI</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl class="mg-r0">
					<dt class="icon icon_touying_default3x"></dt>
					<dd>投影</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl>
					<dt class="icon icon_zhuozi_default3x"></dt>
					<dd>桌子</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl>
					<dt class="icon icon_yizi_default3x"></dt>
					<dd>椅子</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl>
					<dt class="icon icon_diannao_default3x"></dt>
					<dd>电脑</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl>
					<dt class="icon icon_wifi_default3x"></dt>
					<dd>WIFI</dd>
				</dl>
			</a>
			<a href="javascript:void(0)" class="fl">
				<dl class="mg-r0">
					<dt class="icon icon_touying_default3x"></dt>
					<dd>投影</dd>
				</dl>
			</a>-->
		</div>
	</div>
{/if}
	<!--周边配套-->
{if $supporting_list!=null}
	<div class="around">
		<h2>周边配套</h2>
		{foreach from=$supporting_list item=supporting}
		<dl class="clearfix">
			<dt class="fl">
				<span class="meat">
					<img src="{$supporting.pic_url}"/>
				</span>
			</dt>
			<dd class="fl">
				<span class="meat">
					<h3>{$supporting.supporting_name}</h3>
					<p>{$supporting.describe}</p>
				</span>
				<span>{$supporting.num}家</span>
			</dd>
		</dl>
		{/foreach}
		<!--<dl class="clearfix border_no">
			<dt class="fl">
				<a href="javascript:void(0)">
					<img src="/Public/Images/front/front_img/shouye_zixun_pic3x.png"/>
				</a>
			</dt>
			<dd class="fl">
				<a href="javascript:void(0)">
					<h3>商圈</h3>
					<p>新白鹿、牛肉火锅、七色烤肉、绿</p>
				</a>
				<span>6家</span>
			</dd>
		</dl>
	</div>-->
	</div>
{/if}
	<!--入驻团队-->
{if $enter_team_list!=null}
	<div class="join-group">
		<h2>入驻团队</h2>
		<div class="swiper-group">
		    <div class="swiper-wrapper">
				{foreach from=$enter_team_list item=enter_team}
		        <div class="swiper-slide" style="width:5rem">
		        	<div class="dev">
		        		<dl>
			        		<dt>
			        			<img src="{$enter_team.pic}"/>
			        		</dt>
			        		<dd>
								{$enter_team.team_name}
			        		</dd>
			        	</dl>
			        	<span></span>
			        	<p>{$enter_team.domain_name}</p>
		        	</div>
		        </div>
				{/foreach}
		    </div>
		</div>
	</div>
{/if}
	<footer class="footer_fixed">
		<a href="javascript:;" onclick="check_user('/FrontIncubator/order_park_visit/incubator_id/{$incubator_id}')">预约参观</a>
		
		<!-- <a href="/FrontIncubator/order_park_visit/incubator_id/{$incubator_id}">预约参观</a> -->
		
		<a href="javascript:;" onclick="check_user('/FrontIncubator/order_park_enter/incubator_id/{$incubator_id}')" class="red">预约入驻</a>
		<!-- <a href="/FrontIncubator/order_park_enter/incubator_id/{$incubator_id}" class="red">预约入驻</a> -->
	</footer>
{/block}
{block name="js"}

<script type="text/javascript" src="__PUBLIC__/Js/front/swiper.3.1.2.jquery.min.js"></script>
	<script type="text/javascript">
	// var telephone = '{$incubator_info.tel}';
	//分享的参数
	var share_pic = $('.share_pic').eq(0).attr('src');
	var share_title = '{$incubator_info.incubator_name}';
	var desc_str = '{$incubator_info.describe}';
	var share_desc = desc_str.substr(0,30);
	var share_url = document.location.href;
	{literal}
		$(document).ready(function(){
			var parkSwiper = new Swiper(".swiper-container",{
				pagination : '.swiper-pagination',
				paginationClickable :true,
				autoplayDisableOnInteraction : false,
				loop : true,
				autoplay : 3000
			});
			var groupSwiper = new Swiper(".swiper-group",{
				slidesPerView : 3,
				slidesPerGroup : 1,
				slidesOffsetBefore : 16
			});
		});
		//园区简介展开与收缩
		var rem = $(window).width()/375*20;
		var hei = $(".word-intro p").innerHeight()/rem;
		if(hei>3){
			$(".word-intro p").addClass("shrink-state");
			$(".shrink-btn").show();
		}else{
			$(".shrink-btn").hide();
		}
		$(".spread-btn").on("click",function(){
			$(this).siblings("a").children("p").toggleClass("shrink-state");
			$(this).hide().siblings(".shrink-btn").show();
			
		});
		$(".shrink-btn").on("click",function(){
			$(this).siblings("a").children("p").toggleClass("shrink-state");
			$(this).hide().siblings(".spread-btn").show();
		});
		/*
		$(".back-word").on("click",function()
		{
			history.go(-1);
//			window.location='/FrontIncubator/park_list';
		});
		
		*/
		//拨打电话
	 	/*document.getElementById("telephone").addEventListener('tap',function(){
            var btnArray=['拨打','取消'];
            var phone= telephone;
            mui.confirm('是否拨打'+phone+'?','提示',btnArray,function(e){
                if(e.index == 0){
                    plus.device.dial(phone,false);
                }
            });
        });*/
		
        {/literal}
	</script>

{/block}